import React, {useState} from 'react';
import FunChildren from '@/components/08- 父子传参/FunChildren'

function App(props) {
    /**
     * 父组件（App）向子组件(Child)传递参数：
     *  1-如何传：为子组件增加属性，属性的值即是传递给子组件的数据。
     *  2-如何接收：子组件可以通过第一个形参接收，一般将形参命名为props,类型是对象，对象的属性即是接收的数据。
     *  注意：
     *      接收的属性不允许直接修改-属性是只读的
     *
     * 状态提升：将数据状态定义至组件共享的低级的行为称为状态提升
     */
    const [count, setCount] = useState(0);
    const decCount = (props) => {
        console.log("父组件调用子组件方法");
        setCount(props)
    }
    return (
        <div>
            <h3>函数组件 ==> APP父组件</h3>
            <FunChildren decCount={decCount} style={{color: "red"}} a={1} b={"2"}
                         userName={"zhangsan"} age={100} count={count}>
            </FunChildren>
        </div>
    )
}

export default App;